<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Asteroids of the Solar System</title>
		<script src="scripts/quiz1.js" language="javascript"></script>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
	</head>	
	<body>
		<header>
		
		<nav id="navigation">
			<a href="topic-1.html" class="menu-link">Asteroid Belt</a>
			<a href="topic-2.html" class="menu-link">Ceres</a>
			<a href="topic-3.html" class="menu-link">Vesta</a>
			<span class="menu-link-inactive">Quiz</span>
		</nav>	
		</header>
		<section id="main-content">
			<article id="main-info" class="quiz">
			
				<header>
					<h1 id="topic-title">Quiz</h1>
				</header>
				
				<p>Take this Quiz</p>			
				
				<form onSubmit="javascript:submitQuiz1(); return false;" name="quiz1" id="quiz1">
					<label for ="large"> What is the name of the lagest Asteroid?</label><br/>
					
					<input type= "radio" id= "large" name="large" value="0">Ceres</input><br/>
					<input type= "radio" id= "large" name="large" value="1">Vesta</input><br/>
					<input type= "radio" id= "large" name="large" value="2">Eros</input><br/>
				<br/><br/>
					<label for= "adiscovery"> What year was 433 Eros discovered?</label><br/>
					
					<input type= "radio" id= "adiscovery" name="adiscovery" value="0">1889</input><br/>	
					<input type= "radio" id= "adiscovery" name="adiscovery" value="1">1998</input><br/>	
					<input type= "radio" id= "adiscovery" name="adiscovery" value="2">1898</input><br/>	
				<br/><br/>
				<label for= "massive"> Which asteroid comprises almost 9% of the mass of the asteroid belt?</label><br />
					
					<input type= "radio" id= "massive" name="massive" value="0">Eros</input><br/>
					<input type= "radio" id= "massive" name="massive" value="1">Vesta</input><br/>
					<input type= "radio" id= "massive" name="massive" value="2">Ceres</input><br/>
				<br/><br />
					
					<input type="submit" value="Submit your Answers"/>
					<input type="reset" value="Reset your Answers"/>
				
				</form>
				<br/>
				<hr/>
				<footer>
			This infromation and these images were extracted from <a href="http://en.wikipedia.org/wiki/Asteroid">Wikipedia</a> and <a href="http://www.nasa.gov">NASA</a>.
	</footer>		
	
			</article>
			
			<aside id="aside-info">
				<header>
					<p id="aside-title-audio">Audio</p>
				</header>
					<audio controls="none"  >
						
					</audio>
					<br/>
				<header>
					<p id="aside-title-audio">Transcript</p>
				</header>
				<div id="transcript">
					
				</div>
			</aside>
			<div id="main-content-clear"></div>
		</section>
	
	</body>
</html>